<div id="news-featured-special">
	<div id="boxswitch">
		<div class="on">Feautred</div>
		<div class="off border_left">Specials</div>
		<div class="off border_left">New</div>
		<div class="ClearBoth"></div>
	</div>
	<div class="ClearBoth" style="height:10px;"></div>
<div id="modules-Feautred" class="show">
<?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');?>
</div>	
<div id="modules-Specials"  class="hide">
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php');?>
</div>
<div id="modules-New" class="hide">
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php');?>
</div>
	<div class="ClearBoth"></div>
</div>
<script>
$('div','#boxswitch').hover(function(){
	if($(this).attr('class').indexOf('on')=='-1'){
		$('.on','#boxswitch').removeClass("on").addClass("off");
		$(this).removeClass("off").addClass("on");
		var module_id = '#modules-'+$(this).text();
		$('.show','#news-featured-special').removeClass("show").addClass("hide");
		$(module_id).removeClass('hide').addClass('show');
	}
});
</script>	